<template>
	<view class="root">
		<view class="c1-list">
			<view class="list" @click="goToCultivate">
				 <view>
				  <image src="../../static/007.jpg" mode="" class="img"></image>
				 </view>
				 <view class="title">
				 	<text>南唐画苑</text>
				 </view>
				 <view class="content">
				 	<text>湖北地区专业的美术书法培训机构，汇聚中国美院...</text>
				 </view>
			</view>
			<view class="list" @click="goToCultivate">
				 <view>
				 <image src="../../static/007.jpg" mode="" class="img"></image>
				 </view>
				 <view class="title">
				 	<text>创作空间教育集团</text>
				 </view>
				 <view class="content">
				 	<text>常年开设油画班、水彩班、彩铅班、手绘班、</text>
				 </view>
			</view>
		</view>
		
		<view class="c1-list" @click="goToCultivate">
			<view class="list">
				 <view>
				 <image src="../../static/007.jpg" mode="" class="img"></image>
				 </view>
				 <view class="title">
				 	<text>六艺学堂</text>
				 </view>
				 <view class="content">
				 	<text>位于北京市东城区的国画班，师资力量</text>
				 </view>
			</view>
			<view class="list" @click="goToCultivate">
				 <view>
				 	 <image src="../../static/007.jpg" mode="" class="img"></image>
				 </view>
				 <view class="title">
				 	<text>贵州中艺书画培训学校</text>
				 </view>
				 <view class="content">
				 	<text>被国家列为“全国书画考级培训基地...”</text>
				 </view>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data(){
			return{
				
			}
		},
		methods:{
			goToCultivate(){
				uni.navigateTo({
					url:'../cultivate/cultivate'
				})
			}
		}
	}
</script>

<style lang="scss" scoped>
	.root{
		background-color: #f3f3f3;
	}
	
	.c1-list{
		display: flex;
		justify-content: space-between;
		width: 90%;
	} 
	
	.c1-list .list {
		width: 346rpx;
		height: 522rpx;
		background-color: #fefffe;
		margin-left: 3%;
		margin-top: 20rpx;
		border-radius: 0 0 10rpx 10rpx ;
	}
	
	.c1-list .list image {
		width: 346rpx;
		height: 346rpx;
		border-radius: 10rpx 10rpx 0 0;
	}
	
	.title{
		text-align: left;
		font-size: 32rpx;
		font-weight: 700;
		margin-left: 20rpx;
	}
	
	.content{
		text-align: left;
		font-size: 28rpx;
		margin-left: 20rpx;
	}
</style>
